<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
        
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="shortcut icon" href="resources/images/logoViajesClubRoma.png" />
        <link href="resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="resources/css/estilos.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/accordionmenu.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="resources/css/pagina.css" type="text/css" media="screen" />       
<!--         <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/redmond/skin.css" /> -->
        <title>Sistema de Administracion</title>	
        
	<style>
	.Estilo1 {
		font-size: 16px;
		font-weight: bold;
		color: #446688;
	}
	.Estilo3 {
		color: #446688;
		font-size: 14px;
		font-weight: bold;
	}
	.Estilo4 {
		color: #446688;
		font-size: 12px;
	}
	</style>
    </h:head>
        
    <h:body>
        <h:panelGroup id="pagina">
            <h:panelGroup id="top">
                <h:panelGroup id="banner" style="text-align:center; background-color: #eeeeee;">
                <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="center" valign="middle">
                            <span class="Estilo1">Agencia de Viajes</span><br/>
                            <span class="Estilo3">(Viajes Club Roma)</span><br/>
                                <br/>                            
                        </td>
                        <td width="250px">
                            <p:media value="/images/banner.swf" width="250" height="120" player="flash"/>
                        </td>
                    </tr>
                </table>
                </h:panelGroup>

                <h:panelGroup id="menubar" style="position:relative;">
                        <div>
                                <ul id="menu">
                                        <li><a href="#">Inicio</a></li>
                                        <li><a href="#">Promociones</a></li>
                                        <li><a href="#">Nosotros</a></li>
                                        <li><a href="#">Contactenos</a></li>
                                </ul>
                        </div>
                </h:panelGroup>
            </h:panelGroup>
            
            <h:panelGroup id="cuerpo">
                <h:panelGroup id="izquierda">
                    <h:form id="formulario3">
                        <p:panel header="Bienvenido ."
                               rendered="#{not empty id}" >	
                                        <h:panelGrid columns="1">
                                                <p:commandLink id="cerrarSesion"
                                                        style="color:#27D;">
                                                        <h:outputText value="cerrar sesion" />
                                                </p:commandLink>
                                        </h:panelGrid>
                        </p:panel>
<!--                         <div class="separador" />	 -->
<!--                         <p:panel header="Elaboracion de Horarios" style="width: 98%"> -->
<!--                             <p:menu style="width: 95%" > -->
<!--                                 <p:menuitem value="Mantener Horarios" action="GenerarHorario">       -->
<!--                                 </p:menuitem>                                 -->
<!--                             </p:menu>  -->
                            
                            
<!--                         </p:panel> -->
                        
                    </h:form>		
                </h:panelGroup>
                <h:panelGroup id="derecha">
                        <ui:insert name="contenido" />
                </h:panelGroup>
            </h:panelGroup>
       </h:panelGroup>
    </h:body>

</html>